document
		.write("<script language=\"javascript\" src=\"js_src/useradmin.js\"></script>");
document
		.write("<script language=\"javascript\" src=\"js_src/fileadmin.js\"></script>");
document
		.write("<script language=\"javascript\" src=\"js_src/query.js\"></script>");
function show_main_page(win) {
	win.close();

	// 左侧的树
	var treeService = new Ext.tree.TreePanel({
		// title : '管理选项',
		root : {
			id : 'root',
			text : '管理选项',
			expanded : true
		},
		store : Ext.data.TreeStore({ // 使用ajax请求，来获取树的信息
			proxy : {
				type : 'ajax',
				actionMethods : 'POST',
				url : 'adminOpt',
				reader : {
					type : 'json'
				}
			}
		}),
		listeners : { // 点击树选项的时候，向服务器发送ajax请求
			itemclick : function(node, e) {
				container_center.removeAll(true);
				var text = e.data.text;
				if (text == '管理选项' || text == '云存储管理')
					return;

				show_grid_panel(container_center, 'TreeAdmin', {
					treeOpt : text
				}, "POST", 'TreeAdmin?treeOpt=' + text + 'sub', "POST",text);
			}
		}
	});

	// 内容显示区域
	var container_center = new Ext.Panel({
		region : 'center',
		split : true,
		border : true,
		collapsible : false,
		autoScroll : true,
	});

	var titleHtml = "<div style=\"height: 90px; background: url(image/title_img.jpg); margin-top: -20px; margin-left:auto; margin-right:auto\"><div><center><h1 style=\"padding-top: 25px;\">欢迎进入隐私云后台管理系统</h1></center></div></div>"

	var title_panel = new Ext.Panel({
		region : 'north',
		split : true,
		border : false,
		collapsible : false,
		autoScroll : false,
		html : titleHtml,
	});

	// 查询面板
	// 用户信息查询面板
	var user_search_form = new Ext.form.FormPanel({
		title : '用户信息查询',
		height : 100,
		style : "margin:10px",
		collapsible : true,
		layout : {
			type : 'hbox',
		},
		items : [ {
			xtype : 'textfield',
			name : 'username',
			id : 'username',
			fieldLabel : '用户名（手机号码）',
			padding : '10 5 3 10',
			width : 300,
			labelWidth : 140,
			height : 20,
		}, {
			xtype : 'textfield',
			name : 'nickname',
			id : 'nickname',
			fieldLabel : '用户昵称',
			padding : '10 5 3 10',
			width : 200,
			height : 20,
			labelWidth : 70
		}, {
			xtype : 'textfield',
			name : 'userRowKey',
			id : 'userRowKey',
			fieldLabel : '用户ID',
			padding : '10 5 3 10',
			width : 350,
			height : 20,
			labelWidth : 70
		},],
		buttons : [ {
			text : '查询',
			xtype : 'button',
			handler : function() {
				username = Ext.getCmp("username").getValue().trim();
				nickname = Ext.getCmp("nickname").getValue().trim();
				userRowKey = Ext.getCmp("userRowKey").getValue().trim();
				if (username == "" && nickname == ""&& userRowKey == "") {
					alert('用户名、用户昵称和用户ID至少需要填写一个');
					return;
				}
				var jsonObject = {
					phone : username,
					nickname : nickname,
					userRowKey : userRowKey
				};
				search.query(container_center, jsonObject, 'user');
			}
		} ]
	});
	// 文件信息查询面板
	var file_search_form = new Ext.form.FormPanel({
		title : '用户文件查询',
		height : 100,
		style : "margin:10px",
		collapsible : true,
		layout : {
			type : 'hbox',
		},

		items : [ {
			xtype : 'textfield',
			name : 'userID',
			id : 'userID',
			fieldLabel : '用户ID',
			padding : '10 5 3 10',
			width : 300,
			labelWidth : 50,
			height : 20,
		}, ],
		buttons : [ {
			text : '查询',
			xtype : 'button',
			handler : function() {
				var id = Ext.getCmp("userID").getValue().trim();
				if (id == "") {
					alert("请输入要查询的用户id");
				}
				var jsonObject = {
					userRowKey : id
				}
				search.query(container_center, jsonObject, 'file');
			}
		} ]
	});

	// 返回从当前日期算起过去minusDay的时间
	function getDate(minusDays) {
		t = new Date();
		t.setDate(t.getDate() - minusDays);
		return t;
	}

	// 系统日志查询面板
	var system_log_search_form = new Ext.form.FormPanel({
		title : '系统日志查询（错误管理）',
		height : 100,
		style : "margin:10px",
		collapsible : true,
		layout : {
			type : 'hbox',
		},
		items : [ {
			xtype : 'textfield',
			name : 'error_type',
			id : 'error_type',
			fieldLabel : '错误类型',
			width : 300,
			labelWidth : 70,
			padding : '10 5 3 10',
			height : 20,
		}, {
			xtype : 'datefield',
			fieldLabel : '开始时间',
			name : 'begin_date',
			id : 'begin_date',
			anchor : '100%',
			format : 'Y-m-d H:i:s',
			maxValue : new Date(),
			value : getDate(1),
			padding : '10 5 3 10',
			width : 250,
			labelWidth : 70,
			height : 20,
		}, {
			xtype : 'datefield',
			fieldLabel : '结束时间',
			name : 'end_date',
			id : 'end_date',
			anchor : '100%',
			format : 'Y-m-d H:i:s',
			maxValue : new Date(),
			value : new Date(),
			padding : '10 5 3 10',
			width : 250,
			labelWidth : 70,
			height : 20,
		} ],
		buttons : [ {
			text : '查询',
			xtype : 'button',
			handler : function() {
				var errorType = Ext.getCmp("error_type").getValue();
				var beginTime = Ext.getCmp("begin_date").getValue();
				beginTime = Ext.Date.format(new Date(beginTime), 'Y-m-d');
				var endTime = Ext.getCmp("end_date").getValue();
				endTime = Ext.Date.format(new Date(endTime), 'Y-m-d');
				var jsonObject = {
					errorType : errorType,
					beginTime : beginTime,
					endTime : endTime
				};
				search.query(container_center, jsonObject, 'system-log-admin');
			}
		} ],
	});

	// 日志查询面板
	var log_search_form = new Ext.form.FormPanel({
		title : '用户日志查询',
		height : 100,
		style : "margin:10px",
		collapsible : true,
		layout : {
			type : 'hbox',
		},
		items : [ {
			xtype : 'textfield',
			name : 'userID_log',
			id : 'userID_log',
			fieldLabel : '用户ID',
			padding : '10 5 3 10',
			width : 300,
			labelWidth : 50,
			height : 20,
		}, {
			xtype : 'datefield',
			fieldLabel : '记录日期',
			name : 'log_date',
			id : 'log_date',
			anchor : '100%',
			format : 'Y-m-d H:i:s',
			maxValue : new Date(),
			value : new Date(),
			padding : '10 5 3 10',
			width : 250,
			labelWidth : 70,
			height : 20,
		}, ],
		buttons : [ {
			text : '查询',
			xtype : 'button',
			handler : function() {
				var id = Ext.getCmp("userID_log").getValue();
				var date = Ext.getCmp("log_date").getValue();
				date = Ext.Date.format(new Date(date), 'Y-m-d');
				if (id == "") {
					alert("请输入要查询的用户id");
					return;
				}
				var jsonObject = {
					userRowKey : id + ";" + date
				}
				search.query(container_center, jsonObject, 'userlog');
			}
		}, ]
	});

	var search_panel = new Ext.Panel({
		items : [ user_search_form, file_search_form, system_log_search_form,
				log_search_form ],
	});

	// 窗体的布局
	new Ext.Viewport({
		title : "Viewport",
		layout : "border",
		defaults : {
			bodyStyle : "background-color: #FFFFFF;",
			frame : true
		},
		items : [ {
			region : "west", // 左边
			width : 150,
			title : '管理选项',
			items : [ treeService ],
			collapsible : true
		}, title_panel, container_center, {
			region : "south",
			height : 270,
			title : '查询选项',
			collapsible : true,
			items : [ search_panel ],
			autoScroll : true,
		} ]
	});
}